<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css"  charset=UTF-8/>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css"  charset=UTF-8/>
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js" charset=UTF-8></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js" charset=UTF-8></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js" charset=UTF-8></script>
</head>
<script type="text/javascript">
$(function() {
	//-----------------展现所有配送点信息--------------
	$("#dg").datagrid({
		url:'showline',
		columns:[[   
		          {field:'ck',checkbox:true},
		          {field:'lid',title:'路线编号',width:40},    
		          {field:'lname',title:'路线名称',width:40},    
		          {field:'qd',title:'起点',width:40},
		          {field:'zd',title:'终点',width:40}, 
		          {field:'transfer',title:'具体路线',width:100}, 
		      ]] ,
		      rownumbers:true,
		      pagination:true,
		      fitColumns:true,
		      pagePosition:'bottom',
		      pageSize:5,
		      pageList:[5,10],
		      toolbar: [{
		  		iconCls: 'icon-add',
		  		text:'新增路线',
		  		handler: function(){
		  		$("#saveline").dialog("open").dialog('setTitle', '新增路线');
		  		$("#save").linkbutton({
		  			onClick:function(){
		  			var lname=$("#lname").val();
		  			var qd=$("#qd").combo('getText');
		  			var zd=$("#zd").combo('getText');
		  			var transfer=$("#transfer").combo('getText');
		  			var way=$("#way").val();
		  			if(lname==''){
		  				$("#aa").show();
		  			}else{
		  			if(qd!=''&&zd!=''){
		  				if(transfer!=qd&&transfer!=zd){
		  			$.ajax({
					url:'saveline',
					type:'post',
					data:{'lname':lname,'qd':qd,'zd':zd,'way':way},
					datatype:'text',
					success:function(data){
						if(data=='1'){
							$.messager.alert('success','路线新增成功:) ！','info');
							$('#dg').datagrid('reload');
							$("#saveline").dialog("close");
							$("#lname").val("");  // 清空修改输入框
							$('#qd').combobox('setValue','');
							$('#zd').combobox('setValue','');
							$('#transfer').combobox('setValue','');
							$("#way").val("");
						}
					}
				})}else{
				$.messager.alert('MSG','中转站不能为起点或终点的哟:)  ！','info');
				}}else{
				$.messager.alert('MSG','起点或终点是不能为空的哟:)  ！','info');	
				}
		  			}}})
		  			//取消按钮
					$("#cancel").linkbutton({
						onClick:function(){
							$("#lname").val("");  // 清空修改输入框
							$('#qd').combobox('setValue','');
							$('#zd').combobox('setValue','');
							$('#transfer').combobox('setValue','');
							$("#way").val("");
							$("#saveline").dialog("close");
						}
					})
		  		}
		      
		  	},'-',{
		  		iconCls: 'icon-remove',
		  		text:'删除路线',
		  		handler: function(){
		  			var  teas = $('#dg').datagrid('getSelections');
					if(teas.length>0){
						$("#deleteline").dialog("open").dialog('setTitle', '删除路线:)');
						$("#yes").linkbutton({
							onClick:function(){
								var lid = [];
								for (var i = 0; i < teas.length; i++) {
									lid.push(teas[i].lid);
								}
								$.ajax({
									url:'deletelines',
									type:'post',
									data:{'lid':lid},
									traditional:true,
									datatype:'text',
									success:function(data){
										if(data=='1'){
											$.messager.alert('success','删除成功:)！','info');
											$('#dg').datagrid('reload');
											$("#deleteline").dialog("close");
									}
								}
						 	 })
					 	  }
						})
					}else{
						$.messager.alert('MSG','请至少选择一个:)！','info');
					}
					$("#no").linkbutton({
						onClick:function(){
							$('#dg').datagrid('uncheckAll');
							$("#deleteline").dialog("close");
							}
						})
		  		}
		  	},'-',{
		  		iconCls: 'icon-edit',
		  		text:'修改路线',
		  		handler: function(){
		  			var  tea = $('#dg').datagrid('getSelections');
					if(tea.length==1){
					$("#lid1").val(tea[0].lid);
					console.log(tea[0].lid);
					$("#updateline").dialog("open").dialog('setTitle', '修改路线');	
					$("#lname1").val(tea[0].lname);
					$('#qd1').combobox('setValue',tea[0].qd);
					$('#zd1').combobox('setValue',tea[0].zd);
					$("#way1").val(tea[0].transfer);
					$("#save1").linkbutton({
			  			onClick:function(){
			  			var lid1 = $("#lid1").val();
			  			var lname1=$("#lname1").val();
			  			var qd1=$("#qd1").combo('getText');
			  			var zd1=$("#zd1").combo('getText');
			  			var transfer1=$("#transfer1").combo('getText');
			  			var way1=$("#way1").val();
			  			if(lname1==''){
			  				$("#aa1").show();
			  			}else{
			  			if(qd1!=''&&zd1!=''){
			  				if(qd1!=zd1){
			  					if(transfer1!=qd1&&transfer1!=zd1){
			  		$.ajax({
						url:'updateline',
						type:'post',
						data:{'lid1':lid1,'lname1':lname1,'qd1':qd1,'zd1':zd1,'way1':way1},
						datatype:'text',
						success:function(data){
							if(data=='1'){
								$.messager.alert('success','路线修改成功:)！','info');
								$('#dg').datagrid('reload');
								$("#updateline").dialog("close");
								$("#lname1").val("");  // 清空修改输入框
								$('#qd1').combobox('setValue','');
								$('#zd1').combobox('setValue','');
								$('#transfer1').combobox('setValue','');
								$("#way1").val("");
							}
						}
					})}else{
						$.messager.alert('MSG','中转站是不能设置为和起点或终点一样的哟:)！','info');	
					}}else{
						$.messager.alert('MSG','起点和终点不能设置为一样哟:)！','info');
						$('#qd1').combobox('setValue','');
						$('#zd1').combobox('setValue','');
					}}else{
					$.messager.alert('MSG','起点或终点是不能为空的哟:)  ！','info');	
					}
			  			}}})
			  			//取消按钮
						$("#cancel1").linkbutton({
							onClick:function(){
								$("#lname1").val("");  // 清空修改输入框
								$('#qd1').combobox('setValue','');
								$('#zd1').combobox('setValue','');
								$('#transfer1').combobox('setValue','');
								$("#way1").val("");
								$("#updateline").dialog("close");
							}
						})
					}else{
						$.messager.alert('MSG','请只选择一个哟:)  ！','info');
					}
					}}]
	})

	//新增起点设置下拉框
	$('#qd').combobox({  
	    url:'findpname',    
	    valueField:'id',    
	    textField:'text',
	})
	//新增终点设置下拉框
	$('#zd').combobox({  
	    url:'findpname',    
	    valueField:'id',    
	    textField:'text',
	})
	//新增中转站设置下拉框
	$('#transfer').combobox({  
	    url:'findpname',    
	    valueField:'id',    
	    textField:'text',
	})
	
	//修改起点设置下拉框
	$('#qd1').combobox({  
	    url:'findpname',    
	    valueField:'id',    
	    textField:'text',
	    
	})
	//获取下拉选项的id
//	$('#qd').combobox({
//		onSelect: function(param){
//			var q=$("#qd").combo('getText');
//			$("#qd  option[text=q]").remove();
//		console.log(q);
//			console.log(111);
//		}
//});

	 
	    
	
	
	
	//修改终点设置下拉框
	$('#zd1').combobox({  
	    url:'findpname',    
	    valueField:'id',    
	    textField:'text',
	})
	//修改中转站设置下拉框
	$('#transfer1').combobox({  
	    url:'findpname',    
	    valueField:'id',    
	    textField:'text',
	})
	
	//修改拼接路线
	var t3='';
	var t2= [];
	$("#add1").linkbutton({
	onClick:function(){
		var qd1 = $("#qd1").combo('getText');	
		var zd1 = $("#zd1").combo('getText');
		var transfer1 = $("#transfer1").combo('getText');
		for (var i = 0; i < t2.length; i++) {
			if(t2[i]==transfer1){
			$("#transfer1").combo('clear');	
			}
		}
		var transfer2 = $("#transfer1").combo('getText');
		if(transfer2==''){
			$.messager.alert('MSG','你已经添加过一次了哟 :)  ！','info');
		}else{
			t2.push(transfer1);
			if(qd1==''||zd1==''){
				$.messager.alert('MSG','请同时选择起点与终点:)  ！','info');
				}else{
					if(qd1==zd1){
				$.messager.alert('MSG','起点和终点不能设置为一样:)  ！','info');
				$('#qd1').combobox('setValue','');
				$('#zd1').combobox('setValue','');
					}else{
				if(qd1==transfer1||zd1==transfer1){
					console.log(111);
				$.messager.alert('MSG','中转站不能和起点或终点一样:)  ！','info');
				$('#transfer1').combobox('setValue','');
				}else{
					$("#transfer1  option[text=text]").remove();
					t3= t3+'—>'+transfer1;
					$("#way1").val(qd1+t3+'—>'+zd1);	
				}
				}}}
		}
	})
	
	//新增拼接路线
	var t='';
	var t1= [];
	$("#add").linkbutton({
	onClick:function(){
		var qd = $("#qd").combo('getText');	
		var zd = $("#zd").combo('getText');
		var transfer = $("#transfer").combo('getText');
		//判断中转站是否已经添加过了
		for (var i = 0; i < t1.length; i++) {
			if(t1[i]==transfer){
			$("#transfer").combo('clear');	
			}
		}
		
		var transfer2 = $("#transfer").combo('getText');
		if(transfer2==''){
			$.messager.alert('MSG','你已经添加过一次了哟 :)  ！','info');
		}else{
			t1.push(transfer);
			if(qd==''||zd==''){
				$.messager.alert('MSG','请同时选择起点与终点:)  ！','info');
				}else{
					if(qd==zd){
				$.messager.alert('MSG','起点和终点不能设置为一样:)  ！','info');
				$('#qd').combobox('setValue','');
				$('#zd').combobox('setValue','');
					}else{
				if(qd==transfer||zd==transfer){
				$.messager.alert('MSG','中转站不能或起点或终点一样:)  ！','info');
				$('#transfer').combobox('setValue','');
				}else{
					$("#transfer  option[text=text]").remove();
					t= t+'—>'+transfer;
					$("#way").val(qd+t+'—>'+zd);	
				}
				}}
		}
		
		
		
		}
	})
	//新增清空路线
	$("#flash").linkbutton({
	onClick:function(){
		$("#way").val("");
		t='';
		t1=[];
	}})
	//修改清空路线
	$("#flash1").linkbutton({
	onClick:function(){
		$("#way1").val("");
		t3='';
		t2=[];
	}})
	//新增鼠标移开隐藏提示
	$("input").blur(function(){
		var lname=$("#lname").val();
		if(lname==''){
		}else{
			$("#aa").hide();
		}
		});
	//修改鼠标移开隐藏提示
	$("input").blur(function(){
		var lname1=$("#lname1").val();
		if(lname1==''){
		}else{
			$("#aa1").hide();
		}
		});
	
})
</script>
<body>
<table id="dg"></table>
<!------------新增路线窗口------------>
		<div id="saveline" class="easyui-dialog" closable="false" closed="true" buttons="#dlg1-buttons" > 
		 <div  style="width: 450px;height: 250px;margin-top: 30px;margin-left: 30px">
         	   路线名称：<input id="lname" name="lname" type="text"  class="easyui-validatebox"  style="width:90px "/><span id="aa" style="color:red;display: none" >  路线名称不能为空的哟</span><br><br> 
           	   起点：<input id="qd" name="qd"  class="easyui-combobox" editable="false" style="width:90px "/> &nbsp;&nbsp;&nbsp; 
     		  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 终点：<input id="zd" name="zd" editable="false"  class="easyui-combobox"  style="width:90px "/><br><br>
     		   中转站：<input id="transfer" name="transfer" editable="false"  class="easyui-combobox"  style="width:90px "/>
     		  <input id="add" name="add" type="button" readonly="true" value="添加" style=" border: 0" />
     		   <br><br> 
     		   详细路线顺序：<textarea readonly="readonly" id="way" rows="4" cols="30"></textarea>
     		 <input id="flash" type="button" style="background-color:white; border: 0" value="清空路线" />
      </div>
       <div id="dlg1-buttons">
        <button id="save"  class="easyui-linkbutton"  iconcls="icon-save">确认</button>
        <a id="cancel" class="easyui-linkbutton"  iconcls="icon-cancel">取消</a>
        </div>
        </div>
<!------------修改路线窗口------------>
		<div id="updateline" class="easyui-dialog" closable="false"   closed="true" buttons="#dlg2-buttons" > 
		 <div  style="width: 450px;height: 250px;margin-top: 30px;margin-left: 30px">
         	  <input id="lid1" name="lid1" style="display: none" />
         	   路线名称：<input id="lname1" name="lname1" type="text" class="easyui-validatebox"  style="width:90px "/><span id="aa1" style="color:red;display: none" >  路线名称不能为空的哟</span><br><br> 
           	   起点：<input id="qd1" name="qd1"  class="easyui-combobox" editable="false" style="width:90px "/> &nbsp;&nbsp;&nbsp; 
     		  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 终点：<input id="zd1" name="zd1" editable="false"  class="easyui-combobox"  style="width:90px "/><br><br>
     		   中转站：<input id="transfer1" name="transfer1" editable="false"  class="easyui-combobox"  style="width:90px "/>
     		  <input id="add1" name="add1" type="button" readonly="true" value="添加" style=" border: 0" />
     		   <br><br> 
     		   详细路线顺序：<textarea readonly="readonly" id="way1" rows="4" cols="30"></textarea>
     		 <input id="flash1" type="button" style="background-color:white; border: 0" value="清空路线" />
      </div>
       <div id="dlg2-buttons">
        <button id="save1"  class="easyui-linkbutton"  iconcls="icon-save">确认</button>
        <a id="cancel1" class="easyui-linkbutton"  iconcls="icon-cancel">取消</a>
        </div>
        </div>
  <!-- 删除彈出窗口 -->
  		<div id="deleteline" class="easyui-dialog" closable="false" closed="true" buttons="#dlg3-buttons" > 
		 <div  style="width: 100px;height: 30px;margin-top: 10px;margin-left: 30px">
	  		<p>确认删除吗？</p>
	  	 </div>
       <div id="dlg3-buttons">
        <button id="yes"  class="easyui-linkbutton"  iconcls="icon-save">确认</button>
        <a id="no" class="easyui-linkbutton"  iconcls="icon-cancel">取消</a>
        </div>
        </div>      
</body>
</html>